<template>
	<view class="content">
		<view class="location-li" v-for="(item, index) in locationList" :key="item.id">
			<label class="number-View">{{ item.locationName }}</label>
			<label style="color: red; font-size: 22px">{{item.reviewStatus === 1 ? '已通过' : '审核中'}}</label>
			<view class="level-view">类型：{{ item.typeName }}</view>
			<view class="monimum-view">创建时间：{{ item.createdTime }}</view>
			<view class="deposit-view">更新时间：{{ item.updatedTime }}</view>
			<!-- <button class="home-btn" @click="toNumberDetails(item)">去占用</button> -->
		</view>
	</view>
</template>

<script>
import { getMyLocationList } from '@/api/location/locaiton.js';
export default {
	data() {
		return {
			locationList: []
		};
	},
	mounted() {
		this.getListData();
	},
	methods: {
		getListData() {
			uni.showLoading({});
			let that = this;
			const data = {
				current: 0,
				size: 100
			};
			getMyLocationList(data).then((res) => {
				uni.hideLoading();
				if (res.data && res.code == 200) {
					that.locationList = res.data.records;
				}
			});
		}
	}
};
</script>

<style>
.location-li {
	background-color: white;
	padding: 10px;
	margin: 10px;
	border-radius: 6px;
}

.number-View {
	font-size: 24px;
	font-weight: bold;
	padding: 6px;
	color: black;
}

.level-view {
	font-size: 16px;
	color: #8a8a8a;
	padding: 6px;
}

.deposit-view {
	font-size: 16px;
	color: #8a8a8a;
	padding: 6px;
}

.monimum-view {
	font-size: 16px;
	color: #8a8a8a;
	padding: 6px;
}
</style>
